<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"  lang="en"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title><?= $seo_title ?></title>
        <meta name="description" content="<?= $seo_description ?>">
        <meta name="keywords" content="<?= $seo_keywords ?>">

        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <link rel="shortcut icon" href="<?= base_url() ?>assets/img/favicon.png">

        <script src="<?= base_url() ?>assets/js/libs/modernizr-2.6.1.min.js"></script>

        <link href='http://fonts.googleapis.com/css?family=Lato:400,300,700' rel='stylesheet' type='text/css'>

        <link rel="stylesheet" href="<?= base_url() ?>assets/css/normalize.css">
        <!--<link rel="stylesheet" href="<?= base_url() ?>assets/css/bootstrap.custom.min.css" media="screen">-->
        <link rel="stylesheet" href="<?= base_url() ?>assets/css/bootstrap.css" media="screen">
        <link rel="stylesheet" href="<?= base_url() ?>assets/css/comp_all.css">
        <link rel="stylesheet" href="<?= base_url() ?>assets/css/main.css">
        <link rel="stylesheet" href="<?= base_url() ?>assets/css/checkout.css">
        <link rel="stylesheet" href="<?= base_url() ?>assets/css/responsive.css">


        <script type="text/javascript">
            var base_url = '<?= base_url() ?>';
            var lang_url = '<?= lang_url(); ?>';
            var method = '<?= $this->router->fetch_method(); ?>';
        </script>

    </head>
    <body id="<?= $this->router->fetch_method() ?>_body" class="cbody body_<?= $this->lang->mci_current() ?>">

        <div id="header">
            <div class="container">
                <ul class="clearfix">
                    <li id="infoline" class="pull-right">Info: +382 69 456 772</li>
                    <li><a id="logo" class="pull-left" href="<?= lang_url() ?>"></a></li>
                </ul>

            </div><!-- / container-->

        </div><!-- / header-->

        <div class="container">

            <?= $contents ?>

        </div>

        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="<?= base_url() ?>assets/js/libs/jquery-1.8.0.min.js"><\/script>')</script>
        <script src="<?= base_url() ?>assets/js/libs/bootstrap.min.js"></script>
        <script src="<?= base_url() ?>assets/js/libs/jquery-ui.min.js"></script>
        <script src="<?= base_url() ?>assets/js/libs/jquery.numeric.js"></script>
        <script src="<?= base_url() ?>assets/js/libs/jquery.loadmask.min.js"></script>
        <script src="<?= base_url() ?>assets/js/libs/jquery.validate.min.js"></script>
        <script src="<?= base_url() ?>assets/js/libs/jquery.scrollTo-min.js"></script>

        <script>
            var API = "";

            // DO Langs here
            var lang = new Array();
            lang['form.dest_region'] = "<?= lang('form.dest_region'); ?>";
            lang['form.show_all_items'] = "<?= lang('form.show_all_items'); ?>";

            lang['filter.filtering'] = "<?= lang('filter.filtering'); ?>";

            lang['dtl.adults'] = "<?= lang('dtl.adults'); ?>";
            lang['dtl.teenagers'] = "<?= lang('dtl.teenagers'); ?>";
            lang['dtl.children'] = "<?= lang('dtl.children'); ?>";
            lang['dtl.babies'] = "<?= lang('dtl.babies'); ?>";
            lang['days'] = "<?= lang('days'); ?>";
            lang['book_now'] = "<?= lang('res.book_now'); ?>";
            lang['calculating'] = "<?= lang('calculating'); ?>";

            lang['available'] = "<?= lang('available'); ?>";
            lang['occupied'] = "<?= lang('occupied'); ?>";
            lang['selected'] = "<?= lang('selected'); ?>";
            lang['arrival'] = "<?= lang('arrival'); ?>";
            lang['departure'] = "<?= lang('departure') ?>";
        </script>

        <script src="<?= base_url() ?>assets/js/plugins.js"></script>
        <script src="<?= base_url() ?>assets/js/helper.js"></script>


        <?
        $method = $this->router->fetch_method();
        ?>

        <? if ($method == 'generate_link__K7m9MXhC'): ?>
        <script src="<?= base_url() ?>assets/js/generate_link.js"></script>
        <? else: ?>
        <script src="<?= base_url() ?>assets/js/reservation.js"></script>
        <? endif; ?>

        <? if ($method == 'show_review_form'): ?>
        <script src="<?= base_url() ?>assets/js/review.js"></script>

        <? endif; ?>

        <script>
            (function(i, s, o, g, r, a, m) {
                i['GoogleAnalyticsObject'] = r;
                i[r] = i[r] || function() {
                    (i[r].q = i[r].q || []).push(arguments)
                }, i[r].l = 1 * new Date();
                a = s.createElement(o),
                        m = s.getElementsByTagName(o)[0];
                a.async = 1;
                a.src = g;
                m.parentNode.insertBefore(a, m)
            })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

            ga('create', 'UA-42570339-1', 'cipa-booking.com');
            ga('send', 'pageview');

        </script>

    </body>
</html>